<include file="Login:header" />
<div class="pad_lr_10" >
    <div class="uploadCsv" style="border:1px solid #ff6c01;background: #f1ed78;padding: 10px 20px;margin-top: 20px;">
        <div style="padding: 5px; margin: 5px 0px;background: #ffffaa;color: #333333; font-size: 16px;">
            在使用之前请仔细阅读输出规则：在输出之前您可以根据选择条件选择出您要处理的那部分客户，搜索出后在将符合条件的客户展现在界面上，每次最大展现
            2000个客户。如果客户很多可以分批处理，对于每个买方，之前已经输出过得客户（手机号）不会被再次搜索出来。搜出客户比对后可以点击“开始输出”
            按钮进行对买方的输出，操作者可以实时查看每个客户的输出状态。切记，在运行输出的过程中，请勿刷新界面。
        </div>
    </div>
    <div class="uploadCsv" style="border:1px solid #ff6c01;background: #f1ed78;padding: 10px 20px;margin-top: 20px;">
        <div style="padding: 5px; margin: 5px 0px;background: #ffffaa;color: #333333; font-size: 16px;">
           输出到买家 对象为：{$companyInfo['name']},本页查出的条数为：{:count($list)} （如对方不接受我方渠道，渠道名以对方的规则为主）
        </div>
    </div>
</div>
<div class="pad_lr_10" >
    <form name="searchform" method="get" >
        <table width="100%" cellspacing="0" class="search_form">
            <tbody>
            <tr>
                <td>
                    <div class="explain_col">
                        姓名 :
                        <input name="name" type="text" class="input-text" size="15" value="{$search.name}" />
                        &nbsp;&nbsp;
                        手机号 :
                        <input name="mobile" type="text" class="input-text" size="15" value="{$search.mobile}" />
                        &nbsp;&nbsp;
                        城市 :
                        <input name="city" type="text" class="input-text" size="15" value="{$search.city}" />
                        <input type="submit" name="search" class="btn" value="搜索" />
                    </div>
                </td>
            </tr>
            </tbody>
        </table>
    </form>

    <div id="button-filter-text" style="padding: 5px; margin: 5px 0px;;text-align: center;">
        <a class="startImportCustomer" href="javascript:void(0);" style="display: inline-block;padding: 0px 15px; line-height: 30px;font-size: 12px; background: #FF5151;border-radius: 5px; color: #ffffff;">开始输出</a>
    </div>
    <div class="J_tablelist table_list" data-acturi="">
        <table width="100%" cellspacing="0" id="table_list">
            <thead>
            <tr>
                <th align="left">姓名</th>
                <th align="left">手机号</th>
                <th align="left">申请金额</th>
                <th align="left">城市</th>
                <th align="left">创建时间</th>
                <th align="left">渠道来源</th>
                <th align="left">状态</th>
                <th align="left">操作</th>
            </tr>
            </thead>
            <tbody>
            <volist name="list" id="val" >
                <tr class="action_tr" rel="{$val.id}">
                    <td class="name" align="left">{$val.name}</td>
                    <td class="mobile" align="left">{$val.mobile}</td>
                    <td class="loan_amount" align="left">{$val.money}</td>
                    <td class="city" align="left">{$val.city}</td>
                    <td align="left">{:date('Y-m-d H:i:s',$val['create_time'])}</td>
                    <td class="utm_source" align="left">{$val.channel}</td>
                    <td class="action" align="left">待导入</td>
                    <td class="oprate" align="left">
                        <a class="remove_tr" href="javascript:void(0);" style="display: inline-block;padding: 0px 10px; line-height: 20px;font-size: 12px; background: #FF5151;border-radius: 5px; color: #ffffff;">剔除</a>
                    </td>
                </tr>
            </volist>
            </tbody>
        </table>
    </div>
</div>
<include file="Login:footer" />
<script>
    var company_id="{$companyInfo['id']}";
    var url="{:U($companyInfo['action'])}";
    $('.remove_tr').click(function(){
        $(this).parent().parent().remove();
    });
    $('.startImportCustomer').click(function () {
        if($(this).text()=='开始输出'){
            $(this).text('正在处理中...请等待');
            process($('#table_list').find('.action_tr:first-child'));
        }else{
            $.yhxia.tip({content:$(this).text(), icon:'alert'});
        }

    });
    function process(obj){
        if(obj.text()){
            obj.find('.action').text('处理中...');
            var id=obj.attr('rel');
            $.post(url,{company_id:company_id,first_customer_id:id},function(result){
                if(result.errNum ===0){
                    obj.find('.action').text('成功');
                }else{
                    obj.find('.action').text(result.errMsg);
                }
                obj.find('.oprate').html('');
                process(obj.next('.action_tr'));
            });
        }else{
            $.yhxia.tip({content:'已经结束'});
            $('.startImportCustomer').text('已经结束');
            return true;
        }
    }
</script>
</body>
</html>